import React from 'react'
import { ArrowLeft, WarningO, Question, Bell, NewspaperO, Share } from '@react-vant/icons';
import './set.css'
import { useNavigate } from 'react-router-dom'

export default function Set() {
  const Navigate=useNavigate()
  return (
    <div id="set" className="animate__animated animate__fadeInDown">
      <div className="set-head">
        <span className="set-head-bor">
          <ArrowLeft
            onClick={() => {
              Navigate("/app/my");
            }}
          />
        </span>
        <span>设置</span>
        <span></span>
      </div>
      <div className="set-content">
        <ul>
          <li
            onClick={() => {
              Navigate("/target");
            }}
          >
            <NewspaperO color="green" /> 目标
          </li>
          <li>
            <Bell color="red" /> 通知
          </li>
          <li>
            <Question /> 帮助
          </li>
          <li>
            <WarningO /> 更改密码
          </li>
          <li>
            <Share color="green" /> 退出
          </li>
        </ul>
      </div>
    </div>
  );
}
